Τα κενά / σχόλια επιβραδύνουν τη Javascript;

Οι άνθρωποι συνήθως χρησιμοποιούν ελαχιστοποιητές για να μειώσουν το ΜΕΓΕΘΟΣ του σεναρίου, για να βελτιώσουν την ταχύτητα λήψης, αντί να κάνουν οποιαδήποτε διαφορά στην ταχύτητα ανάλυσης του σεναρίου.
Το κενό διάστημα και τα σχόλια θα έχουν μικρή επίδραση στο χρόνο που απαιτείται για την εκτέλεση ενός προγράμματος περιήγησης, καθώς ο αναλυτής πρέπει να ελέγξει αν είναι κενό διάστημα ή ένα σχόλιο, αλλά στην πραγματικότητα αυτό θα είναι τόσο λεπτό με την τρέχουσα υπολογιστική ισχύ, θα ήταν αδύνατο να παρατηρήστε τυχόν επιπτώσεις.
Ωστόσο, το SIZE εξακολουθεί να είναι σημαντικό ακόμη και με το μεγάλο εύρος ζώνης που διατίθεται στον κόσμο των ευρυζωνικών υπηρεσιών μας.
|
Τα κενά και τα σχόλια αυξάνουν το μέγεθος του αρχείου JavaScript, το οποίο επιβραδύνει την πραγματική λήψη του αρχείου από το διακομιστή - η ελαχιστοποίηση είναι η διαδικασία αφαίρεσης περιττών χαρακτήρων από ένα αρχείο JavaScript για να γίνει μικρότερο και πιο εύκολο να το κατεβάσετε.
Ωστόσο, δεδομένου ότι αναφέρετε μια επίθεση ωμής βίας, το εμπόδιο πιθανότατα δεν είναι το κατέβασμα. Δοκιμάστε να χρησιμοποιήσετε ένα προφίλ για να βρείτε αυτό που σας επιβραδύνει.
|
Υπάρχει πάντα το νόημα να ελαχιστοποιείτε, να συνδυάζετε και να συμπιέζετε τα στοιχεία σας, για να διευκολύνετε τη φόρτωση του διακομιστή.
Ελαχιστοποίηση είναι η πράξη στην οποία αναφέρεστε, απομακρύνοντας τον περιττό κενό και σχόλια, για να μειώσετε την ταχύτητα λήψης.
Ο συνδυασμός πιθανότατα θα δείξει ακόμη μεγαλύτερη αύξηση της ταχύτητας απόδοσης σελίδας. Είναι η πράξη της συγχώνευσης όλων των αρχείων javascript σε ένα και όλων των αρχείων css σε ένα (μπορεί επίσης να γίνει για τις περισσότερες εικόνες, αλλά αυτό απαιτεί περισσότερη δουλειά). Αυτό γίνεται για να μειωθεί ο αριθμός των αιτημάτων που πρέπει να υποβάλει το πρόγραμμα περιήγησης προς τον διακομιστή σας, ώστε να είναι σε θέση να εμφανίσει τη σελίδα.
Το GZipping είναι η πράξη της περαιτέρω συμπίεσης των δεδομένων, σε μορφή zip, στα προγράμματα περιήγησης που υποδεικνύουν ότι θα αποδεχθούν τέτοια δεδομένα. Αυτό μειώνει περαιτέρω το μέγεθος, αλλά προσθέτει επιπλέον φόρτο εργασίας και στα δύο άκρα. Είναι πιθανό να δείτε καθαρό κέρδος από αυτό.
Ανάλογα με το περιβάλλον στο οποίο εργάζεστε, υπάρχουν διαφορετικά στοιχεία που θα σας βοηθήσουν με αυτό, που συνήθως καλύπτει όλα τα παραπάνω με μία κίνηση.
Ο χρόνος που χρειάζεται ο κώδικας για λήψη από τον διακομιστή έχει άμεση επίδραση στον χρόνο που απαιτείται για την απόδοση της σελίδας. Το JavaScript αποκλείει, πράγμα που σημαίνει ότι ένα μπλοκ JS θα αποτρέψει οποιαδήποτε περαιτέρω απόδοση, έως ότου το μπλοκ έχει εκτελεστεί πλήρως. Ως εκ τούτου, όπου τοποθετείτε τα αρχεία javascript (δηλαδή σε ποιο σημείο της διαδικασίας απόδοσης θα ζητηθούν), πόσα αιτήματα χρειάζεται για να ολοκληρωθεί η λήψη του και πόσα δεδομένα υπάρχουν για λήψη, θα έχουν αντίκτυπο στη φόρτωση της σελίδας σας, όπως φαίνεται στον χρήστη.
Μόλις το πρόγραμμα περιήγησης αναλύσει τον κώδικά σας, είτε πρόκειται για javascript, css ή html, θα έχει δημιουργήσει εσωτερικές αναπαραστάσεις του μέρους που χρειάζεται να θυμάται και η πραγματική μορφοποίηση δεν θα το επηρεάζει πλέον.
|
Δεν νομίζω ότι το κενό διάστημα στον κώδικα js επιβραδύνει την εκτέλεση του. Από όσο καταλαβαίνω, ένας διερμηνέας javascript αφαιρεί όλα τα σχόλια και τον περιττό κενό πριν την επεξεργασία. Μπορεί να επηρεάσει το χρόνο λήψης και έτσι να φορτώνει το χρόνο μιας ιστοσελίδας.
Ρίξτε μια ματιά εδώ για μερικές επιπλέον πληροφορίες.
|
Δεν επηρεάζει καθόλου την πραγματική ταχύτητα επεξεργασίας, ωστόσο ...
Μικρότερο μέγεθος => μικρότερο εύρος ζώνης => μικρότερο κόστος => ??? => κέρδος!
|
Η απάντησή σου
StackExchange.ifUsing ("πρόγραμμα επεξεργασίας", συνάρτηση () {
StackExchange.using ("externalEditor", συνάρτηση () {
StackExchange.using ("snippets", function () {
StackExchange.snippets.init ();
});
});
}, "κώδικα-αποσπάσματα");
StackExchange.ready (λειτουργία () {
var channelOptions = {
ετικέτες: "" .split (""),
αναγνωριστικό: "1"
};
initTagRenderer ("". split (""), "" .split (""), channelOptions);
StackExchange.using ("externalEditor", συνάρτηση () {
// Πρέπει να ενεργοποιήσετε το πρόγραμμα επεξεργασίας μετά από αποσπάσματα, εάν είναι ενεργοποιημένα τα αποσπάσματα
εάν (StackExchange.settings.snippets.snippetsEnabled) {
StackExchange.using ("snippets", function () {
createEditor ();
});
}
αλλιώς {
createEditor ();
}
});
συνάρτηση createEditor () {
StackExchange.prepareEditor ({
useStacksEditor: false,
Τύπος καρδιακού παλμού: «απάντηση»,
autoActivateHeartbeat: false,
convertImagesToLinks: αλήθεια,
noModals: αλήθεια,
showLowRepImageUploadWarning: αλήθεια,
φήμηToPostImages: 10,
bindNavPrevention: αλήθεια,
μετά την επιδιόρθωση: "",
imageUploader: {
brandingHtml: "Powered by \ u003ca href = \" https: //imgur.com/ \ "\ u003e \ u003csvg class = \" svg-icon \ "width = \" 50 \ "ύψος = \" 18 \ "viewBox = \ "0 0 50 18 \" fill = \ "none \" xmlns = \ "http: //www.w3.org/2000/svg \" \ u003e \ u003cpath d = \ "M46.1709 9.17788C46.1709 8.26454 46,2665 7,94324 47,1084 7.58816C47.4091 7,46349 47,7169 7,36433 48,0099 7.26993C48.9099 6,97997 49,672 6,73443 49,672 5.93063C49.672 5,22043 48,9832 4,61182 48,1414 4.61182C47.4335 4,61182 46,7256 4,91628 46,0943 5.50789C45.7307 4,9328 45,2525 4,66231 44,6595 4.66231C43.6264 4,66231 43,1481 5,28821 43.1481 6.59048V11.9512C43.1481 13.2535 43.6264 13.8962 44.6595 13.8962C45.6924 13.8962 46.1709 13.2535 46.1709 11.9512V9.17788Z \ "/ \ u003e \ u003cpath d = \" M32.492 10.1419414441441444144414441444144414441444144.444441444144414441444144414444144.444414441444144414444144.4444144 41.5985 12.6954 41.5985 10.1419V6.59049C41.5985 5.28821 41.1394 4.6623240.1061 4.66232C39.0732 4.66232 38.5948 5.28821 38.5948 6.59049V9.60062C38.5948 10.8521 38.2696 11.5455 37.0451 11.5455C35.8209 11.5455 35.4954 10.8521 35.4954 9.60062V6.59049C35.4954 5.2884326324326324326324326324326324326324326324326324326324324 "/ \ u003e \ u003cpath fill-rule = \" evenodd \ "clip-rule = \" evenodd \ "d = \" M25.6622 17.6335C27.8049 17.6335 29.3739 16.9402 30.2537 15.6379C30.8468 14.7755 30.9615 13.5579 30.9615 11.9515.9915 59049C30.9615 5.28821 30.4833 4.66231 29.4502 4.66231C28.9913 4.66231 28.4555 4.94978 28.1109 5.50789C27.499 4.86533 26.7335 4.56087 25.7005 4.56087C23.1369 4.56087 21.0134 6.57349 21.0134 91313913139131391313913139131391313913139131391313913139139131391313913139131391313913139131391391313913139139131391391313913913139131391313 1109 12.7229 28.1161 12.7799 28.121 12.8346C28.1256 12.8854 28.1301 12.9342 28.1301 12.983C28.1301 14.4373 27.2502 15.2321 25.777 15.2321C24.8349 15.2321 24.1352 14.9821 23.5661 14.778723232237377232.537 148 18 21,2429 15,0123 21,2429 15.6887C21.2429 16,7375 22,9072 17,6335 25,6622 17.6335ZM24.1317 9.27932C24.1317 7,94324 24,9928 7,09766 26,1024 7.09766C27.2119 7,09766 28,0918 7,94324 28,0918 9.27932C28.0918 10,6321 27,2311 11,5116 26,1024 11.5116C24.9737 11,5116 24,1317 10,6491 24,1317 9.27932Z \ "/ \ u003e \ u003cpath d = \" M16.8045 11.9512C16.8045 13.2535 17.2637 13.8962 18.2965 13.8962C19.3298 13.8962 19.8079 13.2535 19.8079 11.9512V8.12928C19.8079 5.82936 18.4879 4.6168 4.158 4.6166 4.8156 4.8158 4.8156 4.8158 4.159 4.815. .653 5,05154 11,6581 4,62866 10,3573 4.62866C9.34336 4,62866 8,57809 4,89931 7,9466 5.5079C7.58314 4,9328 7,10506 4,66232 6,51203 4.66232C5.47873 4,66232 5,00066 5,28821 5,00066 6.59049V11.9512C5.00066 13,2535 5,47873 13,8962 6,51203 13.8962C7.54479 13,8962 8,0232 13,2535 8,0232 11.9512V8 .90741C8.0232 7.58817 8.44431 6.91179 9.53458 6.91179C10.5104 6.91179 10.893 7.58817 10.893 8.94108V11.9512C10.893 13.2535 11.3711 13.8962 12.4044 13.8962C13.4375 13.8962 13.915 7 13.2535 13.9157 11.9512V8.90741C13.9157 7.58817 14.3365 6.91179 15.4269 6.91179C16.4027 6.91179 16.8045 7.58817 16.8045 8.94108V11.9512Z \ "/ \ u003e \ u003cpath d = \" M3.31675.632 4.384.662 4.384.632 4.384.332 4.386.672 4.386.332 4.386.332.632. 791758 4.66232 0.313354 5.28821 0.313354 6.59049V11.9512C0.313354 13.2535 0.791758 13.8962 1.82471 13.8962C2.85798 13.8962 3.31675 13.2535 3.31675 11.9512V6.59049Z \ "/ \ u003e \ u003c11009009001 C0 2.87869 0.822846 3.57676 1.87209 3.57676C2.90056 3.57676 3.7234 2.87869 3.7234 1.98861C3.7234 1.1159 2.90056 0.400291 1.87209 0.400291Z \ "fill = \" # 1BB76E \ "/ u003e \ u003e \ u003
contentPolicyHtml: "Συνεισφορές χρηστών με άδεια βάσει \ u003ca href = \" https: //stackoverflow.com/help/licensing \ "\ u003ecc by-sa \ u003c / a \ u003e \ u003ca href = \" https://stackoverflow.com / legal / content-policy \ "\ u003e (πολιτική περιεχομένου) \ u003c / a \ u003e",
allowUrls: αλήθεια
},
onDemand: αλήθεια,
discardSelector: ".discard-answer"
, αμέσωςShowMarkdownHelp: true, enableTables: true, enableSnippets: true
});
}
});
Ευχαριστούμε για τη συμβολή σας στο Stack Overflow!
Μην ξεχάσετε να απαντήσετε στην ερώτηση. Δώστε λεπτομέρειες και μοιραστείτε την έρευνά σας!
Αλλά αποφύγετε…
Ζητώντας βοήθεια, διευκρίνιση ή απάντηση σε άλλες απαντήσεις.
Διατύπωση δηλώσεων βάσει γνώμης · δημιουργήστε αντίγραφα ασφαλείας με αναφορές ή προσωπική εμπειρία.
Για να μάθετε περισσότερα, δείτε τις συμβουλές μας για τη σύνταξη εξαιρετικών απαντήσεων.
Το πρόχειρο αποθηκεύτηκε
Το πρόχειρο απορρίφθηκε
Εγγραφείτε ή συνδεθείτε
StackExchange.ready (λειτουργία () {
StackExchange.helpers.onClickDraftSave ('# login-link');
});
Εγγραφείτε χρησιμοποιώντας το Google
Εγγραφείτε μέσω Facebook
Εγγραφείτε χρησιμοποιώντας το email και τον κωδικό πρόσβασης
υποβάλλουν
Δημοσίευση ως επισκέπτης
Ονομα
ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
Απαιτείται, αλλά δεν εμφανίζεται ποτέ
StackExchange. ήδη (
λειτουργία () {
StackExchange.openid.initPostLogin (". New-post-login", "https% 3a% 2f% 2fstackoverflow.com% 2fquestions% 2f4423553% 2fdo-spaces-comments-slow-javascript-down% 23new-answer", "question_page" );
}
);
Δημοσίευση ως επισκέπτης
Ονομα
ΗΛΕΚΤΡΟΝΙΚΗ ΔΙΕΥΘΥΝΣΗ
Απαιτείται, αλλά δεν εμφανίζεται ποτέ
Δημοσιεύστε την απάντησή σας
Απορρίπτω
Κάνοντας κλικ στην επιλογή "Δημοσίευση της απάντησής σας", αποδέχεστε τους όρους παροχής υπηρεσιών, την πολιτική απορρήτου και την πολιτική cookie
Δεν είναι η απάντηση που ψάχνετε; Περιηγηθείτε σε άλλες ερωτήσεις με ετικέτα javascript ή κάντε τη δική σας ερώτηση.